<template>
	<view class="page_box">		
		<view class="content_box">
	<image src="/static/imgs/dingzhi.jpg" style=" width: 100%  " mode="widthFix"></image>
	
		</view>	
		<view class="footer">
			<view class="footer-item"  @tap.stop="jump('/pages/app/dealer/index',{})">
				<image class="footer-item-image" src="https://shopro-1253949872.file.myqcloud.com/uploads/20200704/c4591c74c27a49bda021257d3c889225.png"></image>
				<view class="footer-item-text">明辉出品</view>
			</view>
			<view class="footer-item"   @tap.stop="jump('/pages/app/dealer/design', { })">
				<image class="footer-item-image" src="https://shopro-1253949872.file.myqcloud.com/uploads/20200704/f280b7f9ea18db0c80337d1c1cac6075.png"></image>
				<view class="footer-item-text">就要定制</view>
			</view>
			<view class="footer-item">
				<image class="footer-item-image" src="https://shopro-1253949872.file.myqcloud.com/uploads/20200704/0ab4659f44404d6d4723c265ccd21f94.png"></image>
				<view class="footer-item-text">与君分享</view>
			</view>
			<view class="footer-item"  @tap.stop="jump('/pages/app/dealer/user',{})">
				<image class="footer-item-image" src="https://shopro-1253949872.file.myqcloud.com/uploads/20200704/406848d5827325fead27224decffd141.png"></image>
				<view class="footer-item-text">服务支持</view>
			</view>
		</view>
	</view>

	
	

</template>

<script>

export default {
	components: {
	},
	data() {
		return {
			
		};
	},
	computed: {},
	onShow() {
	
	},
	onHide() {
		
	},
	methods: {
		jump(path, query) {
			this.$Router.push({
				path: path,
				query: query
			});
		},
	}
};
</script>

<style lang="scss">
// @import '../../../static/iconfont.css';

.head_box {
	height: 70rpx;
	padding: 0 30rpx;

	.count-box {
		font-size: 26rpx;
		color: #999;

		.all-num {
			color: #a8700d;
		}
	}

	.set-btn {
		background: none;
		font-size: 26rpx;
		color: #a8700d;
	}
}

.collect-list {
	padding: 30rpx 20rpx;
	background: #fff;
	margin-bottom: 20rpx;

	.goods-radio {
		transform: scale(0.7);
		margin-right: 20rpx;
	}
	
	.y-start{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		width:100%;
		
		.goods-title{
			display:inline-block;
			width:60%;
			font-size:16px;
			flex-grow:1;
			flex-shrink:1;
		}
		.sub-tip{
			display:inline-block;
			font-size:14px;
			flex-grow:0;
			flex-shrink:0;
			
		}
		.price{
			display:block;
			margin-top:5px;
			font-size:14px;
			color:#FE7C0F;
			width:100%;
		}
		.more-contact{
			margin-top:5px;
			font-size:28rpx;
		}
		.button{
			text-align:right;
			margin-top:20rpx;
			
			text{
				display:inline-block;
				margin-right:20rpx;
				font-size:28rpx;
				
				&:before{
					font-size:32rpx;
					margin-right:10rpx;
				}
			}
		}
	}
}

.tools-box {
	height: 100rpx;
	width: 750rpx;
	padding: 0 20rpx;
	background: #fff;

	.check-all {
		font-size: 26rpx;

		.check-all-radio {
			transform: scale(0.7);
		}
	}

	.close-btn {
		width: 200rpx;
		height: 70rpx;
		background: linear-gradient(90deg, rgba(233, 180, 97, 1), rgba(238, 204, 137, 1));
		box-shadow: 0px 7rpx 6rpx 0px rgba(229, 138, 0, 0.22);
		border-radius: 35rpx;
		padding: 0;
		color: rgba(#fff, 0.9);
	}
}

.shareProp{
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	display:flex;
	align-items:center;
	justify-content:center;
	
	.sharePropBox{
		display:inline-block;
		width:80%;
		// height:200rpx;
		
		padding:30rpx;
		line-height:40rpx;
		font-size:28rpx;
		
		background-color:white;
		border:solid 1px #cccccc;
		
		.shareContent{
			margin-top:10rpx;
			 display:flex;
			 justify-content:space-between;
			.item:nth-of-type(1){
				height:50rpx;
				line-height:50rpx;
				width:80rpx;
				flex-grow:0;
				flex-shrink:0;
				font-size:28rpx;
				
				text-align:left;
				// background-color:#cccccc;
			}
			.item:nth-of-type(2){
				height:50rpx;
				line-height:50rpx;
				flex-grow:1;
				font-size:28rpx;
				background-color:#efefef;
			}
			.item:nth-of-type(3){
				height:50rpx;
				line-height:50rpx;
				width:80rpx;
				flex-grow:0;
				flex-shrink:0;
				font-size:28rpx;
				text-align:center;
				background-color:#cccccc;
			}
			.item:nth-of-type(4){
				
			}
			
		}
	}
}

.footer {
		position: fixed;
		left: 0;
		bottom: 0px;
		right: 0px;
		z-index: 1000;
		display: flex;
		height: calc(55px + env(safe-area-inset-bottom) / 2);
		padding-bottom: calc(env(safe-area-inset-bottom) / 2);
		width: 100%;
		z-index: 70;
		background-color: #FFFFFF;
	}

	.footer-item {
		width: 25%;
		text-align: center;
		padding-top: 14rpx;
	}

	.footer-item-image {
		width: 25px;
		height: 25px;
	}

	.footer-item-text {
		color: rgb(153, 153, 153);
		font-size: 20rpx;
	}
</style>
